import React, { Component } from 'react'
import './css/01.index.css'
export default class App extends Component {
  render() {
      let uname='lili'
      const obj={
          backgroundColor:'red',
          fontSize:'50px'
      }
    return (
      <div>
          {8+8}-{uname}
          {10>8?'aa':'bb'}
          <div style={obj}>对象写法</div>
          <div style={{color:'yellow'}}>内联写法</div>
          {/* react推荐使用行内样式，因为react觉得每一个组件都是一个独立的整体 */}
          <div className="active">.class写法</div>
          <label htmlFor='uname'>uname:</label>
          <input type="text" id="uname"></input>
      </div>
    )
  }
}
